<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>TMPO - Login</title>
<link href="/tmpo/css/screen.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="/tmpo/images/favicon.ico" type="image/vnd.microsoft.icon" />
<script src="/tmpo/js/tmpoDefaultSet.min.js"  type="text/javascript"></script>
<script src="/js/jquery.lib.js"  type="text/javascript"></script> <script src="/tmpo/js/login.js"  type="text/javascript"></script>

</head>

<body>
<!-- Position asymmetrical blue background behind navigation absolutely without disrupting other elements in IE -->
<div class="asymmetricalMask"></div>

<div id="primaryNavigation"> 
  <div class="topNavBox">
    <div class="centerBox"></div>
</div></div>

<div id="brandHeader">
<div class="centerBox"> 
<a href="/tmpo/"><img src="/tmpo/images/tmpo_logo.gif" class="headerLogo" alt="Go to My Default Page"/></a><img src="/tmpo/images/title_login.gif" alt="Welcome" class="sectionTitle" id="sectionTitle"/></div>
</div>


<div id="secondaryNavigation">
  <!-- Position bear logo absolutely left of center column without disrupting other elements in IE -->
  <div class="centerBox">
    <div class="blazon"><img src="/tmpo/images/ABG_emblem.gif" alt="3rd Joint Command Insignia" /></div>
  </div>
  <div class="centerBox">
    
  </div>
</div>

<div id="primaryContent" class="splashGreenGradient">
  <div class="loginBox">
    <table class="clear" style="margin-top:10px;">
    <colgroup>
    	<col id="loginCol1" />
    	<col id="loginCol2" />
   		<col id="loginCol3" />
    	<col id="loginCol4" />
    	<col id="loginCol5" />
    </colgroup>
  <tr>
    
    <td style="padding-left:15px; vertical-align:middle;"><a href="/tmpo/form248/"><img src="/tmpo/images/clipboard.gif" alt="" width="132" height="112" /></a></td>
    
    <td style="padding-top:35px; padding-bottom: 40px;"><a href="/tmpo/form248/"><img src="/tmpo/images/makeRequest_hd.gif" alt="Make a Request" width="235" height="25" /></a>
    
      <p><strong>TMPO provides a variety of transportation services.  To utilize these services, please <a href="/tmpo/form248/">Request Transportation Online</a></strong>.</p>
      <p><br />
      </p></td>
      
    <td style="text-align:center; vertical-align:middle;"><img src="/tmpo/images/or_hd.gif" alt="" width="55" height="25"  /></td>
    
    <td style="vertical-align:middle;"><img src="/tmpo/images/padlock.gif" alt="" width="89" height="131" /></td>
    <td style="padding-top:35px; padding-bottom: 40px;"><img src="/tmpo/images/login_hd.gif" alt="Login" width="235" height="25" />
      <h5>Please login using your AKO credentials.</h5>
      <form id="form1" method="post" action="">
        <p>
          <label for="username">User Name:</label><br />
          <input name="username" type="text" id="username" size="20" /></p>
        <p>
          <label for="password">Password:</label><br />
          <input name="password" type="password" id="password" size="20" />
          <br/><a href="https://www.us.army.mil/suite/lostpwd/portal.do?$p=lostpwd.index" onclick=	
          "window.open('https://www.us.army.mil/suite/lostpwd/portal.do?$p=lostpwd.index'); return false;">Forgot your password?</a></p>
        <p>
        	<a class="loginButton" href="/tmpo/missions/"><img src="/tmpo/images/icons/login_icon.gif"  alt="" width="22" height="22" /> Login</a> </p>
      </form></td>
  </tr>
</table>
  </div>
</div>

<div id="secondaryContent" class="splashBlueGradient" style="height:300px;">
  <div class="centerBox"><span class="POCemail">POC: <a href="mailto:jacqueline.runkel@us.army.mil">Jackie Runkel</a> Phone: (907) 384-7196</span>
  

 <span style="float:right; padding-top:10px; clear: right; display:block;"><img src="/tmpo/images/icons/goto.gif"/> <span class="feedbackLink">Request Access</span></span>
  <div id="floatedBox" style="">
    <span class="floatedBoxHeader">Request Access</span>
    <form id="feedbackForm" method="post" action="">
    
    <p class="floatedBoxContent">
          <label for="username">Your Name:</label><br />
          <input name="username" type="text" id="username" size="40" />
    </p>
        <p  class="floatedBoxContent">
          <label for="password">AKO User Name:</label><br />
        <input name="password" type="password" id="password" size="40" />     
        </p>
    
      <p class="floatedBoxContent"><label>Reason for Request:</label><br />
      <textarea name="feedback" cols="55" rows="4" id="feedback"></textarea></p>
  </form>
  <br/><span class="button" style="float:right; margin-right:20px;"><img src="/tmpo/images/icons/close.gif" alt=""/> Cancel</span><span class="button" style="float:right; margin-right:10px;"><img src="/tmpo/images/icons/submit.gif" alt=""/>Submit Request</span>
  
  <p>&nbsp;</p><hr />
  
  
  <p class="floatedBoxContent">Your request has been submitted.</p> <span class="button" style="float:right; margin-right:20px;"><img src="/tmpo/images/icons/save.gif" alt=""/> OK</span></div>
  
  </div>
</div>

</body>
</html>
